<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>民心商城-商品展示</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<script src="../js/flexible.js"></script>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/component.css" />
<link href="../css/icons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../css/store.css" />
<link rel="stylesheet" href="../css/swiper.min.css">

</head>
<body><div style="height:1.2rem; left:0; line-height:1.2rem; font-size:.4rem; padding:0 .4rem; position:absolute; top:6rem;  display:inline-block; background: rgba(255,55,0,0.72); border-top-right-radius:.6rem;border-bottom-right-radius:.6rem; z-index:999"><a href="../shiping.html" style="color:#fff;">上一页</a></div>
<div style="height:1.2rem; right:0; line-height:1.2rem; font-size:.4rem; padding:0 .4rem; position:absolute; top:6rem;  display:inline-block; background: rgba(255,55,0,0.72); border-top-left-radius:.6rem;border-bottom-left-radius:.6rem; z-index:999"><a href="../cart.html" style="color:#fff;">下一页</a></div>

<div class="head">
		<button class="md-close back"><i class="hbFntWes">&#xf053</i></button>
</div>

<div class="swiper-container">
						<div class="swiper-wrapper">
								<div class="swiper-slide">
										<!-- Required swiper-lazy class and image source specified in data-src attribute -->
										<img data-src="http://imgsrc.baidu.com/forum/w%3D580/sign=7f4fe8fba38b87d65042ab1737092860/82e18745d688d43f4bc7cb387f1ed21b0cf43bf4.jpg" class="swiper-lazy">
										<!-- Preloader image -->
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
								<div class="swiper-slide">
										<img data-src="http://go.051jk.com/upload/recommend/2016-03/i2.jpg" class="swiper-lazy">
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
								<div class="swiper-slide">
										<img data-src="http://go.051jk.com/upload/recommend/2016-02/31.jpg" class="swiper-lazy">
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
								<div class="swiper-slide">
										<img data-src="img/largeNature4.jpg" class="swiper-lazy">
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
								<div class="swiper-slide">
										<img data-src="img/largeNature5.jpg" class="swiper-lazy">
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
								<div class="swiper-slide">
										<img data-src="img/largeNature6.jpg" class="swiper-lazy">
										<div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
								</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination swiper-pagination-white"></div>
						<!-- Navigation -->
						<div class="swiper-button-next swiper-button-white"></div>
						<div class="swiper-button-prev swiper-button-white"></div>
				</div>
		
		<div class="maininfo">
				<div class="title">
						<h2>【一元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 </h2>
						<div class="share"><i class="hbFntWes">&#xf1e0</i>分享</div>
				</div>
				<div class="price mgt15">特惠价：<span class="num orange">¥1865.21</span>元</div>
				<div class="oldprice gray ">市场价:<span class="num gray">¥2865.21</span>元</div>
				<div class="sales">总销量：<span class="num gray">2350</span>笔</div>
		</div>
		
		
<div class="content">
		
		
		
		<div class="clearfix"></div>
		<div class="info"> 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装 元不够秒 现在买 同样钜优惠】竞怡 圆形竹制隔热餐垫杯垫锅垫碗垫盘子垫大号防烫防滑 一个装  </div>
		<div class="bottomside">
				<div class="share"><i class="hbFntWes">&#xf1e1</i>添加到分享库</div>
				<div class="cartnum">购物车<b>11</b></div>
				<button class="md-trigger  addcart" data-modal="modal-3"><i class="hbFntWes">
				&#xf07a</i>加入购物车</button>
				<button class="md-trigger  buy" data-modal="modal-3"><i class="hbFntWes">
						&#xf0d6</i>直接购买</button>
		</div>
</div>
<div class="md-modal md-effect-3" id="modal-3">
		<div class="md-content">
				<div class="cartimg bgcover" style="background: url(file:///C|/Users/ylyan/Pictures/1.png) "></div>
				<div class="title">
				<div class="share md-close"><i class="hbFntWes">&#xf00d</i></div>
						<h3>特惠价：<span class="num orange">¥1865.21</span>元</h3>
						<div class="oldprice gray ">市场价:<span class="num gray textline">¥2865.21</span>元</div>
						<div class="sales">总销量：<span class="num gray">2350</span>笔</div>
				</div>
				<div class="cartinfo">
						<p>请选择尺寸</p>
						<ul class="mgt15">
								<li>L</li>
								<li class="on">请选择尺寸请选择尺寸请选择尺寸</li>
								<li>x</li>
								<li>L</li>
								<li>请选请选择尺寸</li>
								<li>请选择尺寸</li>
						</ul>
						<div class="clearfix"></div>
						<p>请选择颜色</p>
						<ul class="mgt15">
								<li>L</li>
								<li class="on">请选择尺寸请选择尺寸请选择尺寸</li>
								<li>x</li>
								<li>L</li>
								<li>请选请选择尺寸</li>
								<li>x</li>
								<li>请选择尺寸</li>
						</ul>
						<div class="clearfix"></div>
												<div class="count"><span class="floatLft ">请选择数量</span>
												<div class="qty">
													<div class="plus">+</div>
													<div class="num">12</div>
													<div class="minus">-</div>
												</div><div class="clearfix"></div>
												</div>


				</div>
				<div class="submit">
						<a href="#">提交</a>
				</div>
		</div>
</div>
<!-- 弹框 -->
<script src="../js/classie.js"></script>
<script src="../js/modalEffects.js"></script>
<!-- Swiper JS -->
<div class="md-overlay"></div>
<!-- the overlay element -->
<script src="../js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        pagination: '.swiper-pagination',
        paginationClickable: true,
        // Disable preloading of all images
        preloadImages: false,
        // Enable lazy loading
        lazyLoading: true
    });
    </script>
</body>
</html>